import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class Onboarding extends StatefulWidget {
  @override
  _OnboardingState createState() => _OnboardingState();
}

class _OnboardingState extends State<Onboarding> {


  PageController _pageController;

@override
  void initState() {
   SystemChrome.setEnabledSystemUIOverlays([]);
   _pageController = PageController();
   super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xfff2f2f2),
      body: Column(
        children: <Widget>[
          Padding(
            padding: EdgeInsets.fromLTRB(20, 16, 20, 10),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Text(
                  "hops",
                  style: TextStyle(
                    fontSize: 22,
                    fontFamily: "Graphik",
                    fontWeight: FontWeight.w800
                  ),
                ),
                Stack(
                  children: <Widget>[
                    IconButton(
                      icon: Icon(Icons.shop),
                      onPressed: () {

                      }
                    ),
                    Positioned(
                      right: 10,
                      bottom: 8,
                      child: Container(
                        width: 12,
                        height: 12,
                        decoration:  BoxDecoration(
                          color: Colors.white,
                          shape: BoxShape.circle,
                        ),
                      )
                      ,
                    )
                  ],
                )
              ],
            ),
          ),
          Expanded(
            flex: 1,
            child: PageView(
              controller: _pageController,
              onPageChanged: (int index) {

              },
            ),
          )
        ],
      ),
    );
  }
}
